body {
   background: url(../img/bg_head_body.gif) repeat-x 0 0;
}
.wrap {
   width: 998px;
   margin: 0px auto;
}
.header {
   width: 998px;
   height: 244px;
   background: url(../img/bg_header.jpg) no-repeat 0 0;
}
.logo {
   width: 240px;
   height: 244px;
   float: left;
   overflow: hidden;
}
.logo img {
   margin: 20px 40px;
}
.banner {
   width: 758px;
   height: 244px;
   float: left;
}
.nav {
   width: 758px;
   height: 38px;
   margin-top: 20px;
   background: url(../img/bg_nav.png) repeat-x 0 0;
}
.menu {
   width: 100%;
   height: 38px;
}
.menu > li {
   display: inline-block;
   position: relative;
}
.menu > li > a {
   display: block;
   height: 38px;
   line-height: 38px;
   padding: 0px 20px;
   float: left;
   font-size: 13px;
   font-weight: bold;
   color: #fff;
}
.menu > li > .submenu {
   z-index: 9999;
   position: absolute;
   top: 38px;
   left: 0px;
   height: auto;
   width: 170px;
   display: none;
   background: #E2EEF6;
   border-radius: 4px;
   border: 1px solid #aaa;
}
.menu .submenu > li > a {
   display: block;
   height: 36px;
   line-height: 36px;
   padding: 0px 10px;
   font-size: 12px;
   font-weight: bold;
   color: #555;
   border-bottom: 1px solid #aaa;
}
.menu .submenu > li:last-child > a {
   border-bottom: none;
}
.menu > li:hover > .submenu {
   display: block;
}
.primary {
   width: 998px;
   padding-top: 20px;
}
.sidebar {
   width: 228px;
   float: left;
}
.avt_img {
   width: 228px;
   margin-bottom: 20px;
}
.avt_img img {
   width: 228px;
}
.content {
   width: 750px;
   float: left;
   margin-left: 20px;
}
.breadcrumb {
   width: 978px;
   height: 36px;
   line-height: 36px;
   padding-left: 20px;
   background: url(../img/icon_breadcrumb.gif) no-repeat 2px center;
   border-bottom: 2px solid #0779C0;
}
.breadcrumb .crumb_item {
   display: block;
   height: 36px;
   line-height: 36px;
   padding: 0px 0px 0px 10px;
   float: left;
}
.breadcrumb .crumb_item .crumb {
   display: block;
   height: 36px;
   line-height: 36px;
   color: #5594bf;
   font-weight: bold;
   float: left;
}
.breadcrumb .crumb_item .arrow {
   display: block;
   height: 36px;
   line-height: 36px;
   color: #5594bf;
   float: left;
   margin-left: 10px;
}
.breadcrumb .crumb_item .arrow img {
   margin-top: 13px;
}

.box_product_detail {
   width: 750px;
}
.box_product_detail_tab {
   width: 750px;
   height: 31px;
   border-bottom: 2px solid #3191E9;
} 
.product_detail_tab_item {
   height: 30px;
   line-height: 30px;
   padding: 0px 20px;
   float:  left;
   margin-right: 2px;
   border: 1px solid #cacaca;
   border-bottom: none;
   border-radius: 4px 4px 0px 0px;
   cursor: pointer;
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.tab_item_active {
   background: #258dc8; /* Old browsers */
   background: -moz-linear-gradient(top,  #258dc8 0%, #3191e9 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#3191e9)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #258dc8 0%,#3191e9 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #258dc8 0%,#3191e9 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #258dc8 0%,#3191e9 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #258dc8 0%,#3191e9 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#3191e9',GradientType=0 ); /* IE6-9 */
}
.product_detail_tab_item a {
   color: #333;
}
.tab_item_active a { 
   color: #fff;
}
.box_product_detail_main {
   width: 750px;
   padding: 10px 0px;
   position: relative;
}
.product_detail_main_item {
   width: 750px;
   display: none;
   position: relative;
}
.main_item_active {
   display: block;
}